.join{background:#f5f5f5;}
.join .title{color:#008E44;font-size:40px;line-height:60px;text-align:center;}
.join .info{padding:16px 0 14px 0;line-height:26px;font-size:16px;color:#434343;text-align:center;}
.join .content{padding-top:20px;width:462px;margin:0 auto;position:relative;}
.join .content .line:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.join .content .line .lineChild{position:relative;margin-bottom:20px;float:left;width:229px;height:40px;line-height:40px;border:1px solid #898989;}
.join .content .line .lineChild.left{float:left;border-right:none;width:230px;}
.join .content .line .lineChild.right{float:right;}
.join .content .line .lineSelect{cursor:pointer;width:460px;}
.join .content .line .lineSelect ul{display:none;position:absolute;top:40px;left:-1px;border:1px solid #898989;width:100%;z-index:1;background:#f5f5f5;text-align:center;max-height:300px;overflow-y:scroll; }
.join .content .line .lineSelect ul li{line-height:40px;}
.join .content .line .lineSelect ul li:hover{background:#E5E5E5;}
.join .content .line .lineChild.all{width:100%;height:150px;}
.join .content .line .lineChild.all .textArea{border:0px;background:none;color:#434343;font-size:16px;font-family:"微软雅黑";padding:10px 0;width:420px;height: 130px;}
.join .content .line .lineChild .lineChildIcon{float:left;width:42px;height:40px;text-align:center;line-height:40px;color:#434343;font-size:16px;}
.join .content .line .lineChild .lineChildIcon img{ vertical-align:middle;}
.join .content .line .lineChild .lineChildInput{float:left;}
.join .content .line .lineChild .lineChildInput span{color:#434343;font-size:16px; vertical-align:middle;}
.join .content .line .lineChild .lineChildInput .inputText{width:187px;font-family:"微软雅黑";height:40px;border:0px;background:none;line-height:1;color:#434343;font-size:16px;}
.join .content .line .lineChild .pointer{position:absolute;top:0px;bottom:0px;right:18px;margin:auto 0;}
.join .content .submitBtn{width:168px;height:47px;text-align:center;line-height:47px;background:#008E44;color:#fff;font-size:22px;margin:35px auto 0 auto;cursor:pointer;}
.join .content .submitBtn{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.join .content .submitBtn:hover{background:#00622F;}


@media (max-width: 639px) {
.join .title{font-size:26px;line-height:30px;}
.join .info{padding:10px 0 6px 0;line-height:22px;font-size:14px;}
.join .content{padding-top:10px;width:100%;}
.join .content .line .lineChild{margin-bottom:10px;width:100%;height:40px;line-height:40px;}
.join .content .line .lineChild.left{float:none;width:100%;border-right:1px solid #898989;}
.join .content .line .lineChild.right{float:none;}
.join .content .line .lineSelect ul{top:40px;left:-1px;}
.join .content .line .lineSelect ul li{line-height:40px;}
.join .content .line .lineChild.all{height:150px;}
.join .content .line .lineChild.all .textArea{font-size:14px;padding:10px 0;width:250px;height: 130px;}
.join .content .line .lineChild .lineChildIcon{width:42px;height:40px;line-height:40px;font-size:14px;}
.join .content .line .lineChild .lineChildInput span{font-size:14px;}
.join .content .line .lineChild .lineChildInput .inputText{width:250px;height:40px;font-size:14px;}
.join .content .line .lineChild .pointer{right:18px;}
.join .content .submitBtn{width:120px;height:36px;line-height:36px;font-size:14px;margin:20px auto 0 auto;}

}
@media (min-width: 640px) and (max-width:1023px ) {


.join .title{font-size:40px;line-height:60px;}
.join .info{padding:16px 0 14px 0;line-height:26px;font-size:16px;}
.join .content{padding-top:20px;width:422px;}
.join .content .line .lineChild{margin-bottom:20px;width:420px;height:40px;line-height:40px;}
.join .content .line .lineChild.left{float:none;}
.join .content .line .lineChild.right{float:none;}
.join .content .line .lineSelect ul{top:40px;left:-1px;}
.join .content .line .lineSelect ul li{line-height:40px;}
.join .content .line .lineChild.all{height:150px;}
.join .content .line .lineChild.all .textArea{font-size:16px;padding:10px 0;width:370px;height: 130px;}
.join .content .line .lineChild .lineChildIcon{width:42px;height:40px;line-height:40px;font-size:16px;}
.join .content .line .lineChild .lineChildInput span{font-size:16px;}
.join .content .line .lineChild .lineChildInput .inputText{width:370px;height:40px;font-size:16px;}
.join .content .line .lineChild .pointer{right:18px;}
.join .content .submitBtn{width:168px;height:47px;line-height:47px;font-size:22px;margin:35px auto 0 auto;}



}
@media (min-width: 1024px) and (max-width:1199px ) {

}
@media (min-width: 1200px) and (max-width:1439px ) {


}
@media (min-width: 1440px) and (max-width:1920px ) {



}